import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

//自定义组件
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // MaterialApp是根组件
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Image'),
        ),
        body: HomeContent(),
      ),
      theme: ThemeData(primaryColor: Colors.blue),
    );
  }
}

// //body内容组件
// class HomeContent extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return new Center(
//         child: Container(
//       child: Image.network(
//           "https://pic3.zhimg.com/v2-d109b212df1b784ccc65ff905524134a_1440w.jpg?source=172ae18b",
//           //对齐方式
//           alignment: Alignment.topCenter,
//           //color,colorBlendMode组合使用，给图片混入其他颜色，可以去掉这两个看原图
//           color: Colors.amber,
//           colorBlendMode: BlendMode.luminosity,
//           //图片全屏 or 自适应等
//           fit: BoxFit.cover),
//       width: 300.0,
//       height: 300.0,
//       decoration: BoxDecoration(color: Colors.yellow),
//     ));
//   }
// }

//圆形图片1,BoxDecoration实现方式
// class HomeContent extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return new Center(
//         child: Container(
//       width: 300.0,
//       height: 300.0,
//       decoration: BoxDecoration(
//           image: DecorationImage(
//               image: NetworkImage(
//                   "https://pic3.zhimg.com/v2-d109b212df1b784ccc65ff905524134a_1440w.jpg?source=172ae18b")),
//           color: Colors.yellow,
//           borderRadius: BorderRadius.all(Radius.circular(150))),
//     ));
//   }
// }

//圆形图片1,ClipOval实现方式
class HomeContent extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Center(
        child: Container(
      child: ClipOval(
        child: Image.network(
          "https://pic3.zhimg.com/v2-d109b212df1b784ccc65ff905524134a_1440w.jpg?source=172ae18b",
          height: 200,
          width: 200,
        ),
      ),
    ));
  }
}
